<!doctype html><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>view - position: relative - nest</title>
<style type="text/css">
@import url(../../README.css);
.view-box1 {
  padding: 10px;
  position: relative;
  top: 10px; left: 10px;
}
.box1 {
  width: 300px;
  border: 4px solid navy;
  -uu-border-radius: 4px;
  -uu-box-shadow: skyblue 10px 10px 5px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: skyblue 10px 10px 5px;
}
.view-box2 {
  padding: 10px;
  position: absolute;
/*
  left: 10px;
 */
  right: 10px;
  top: 20px;
}
.box2 {
  width: 160px;
  height: 100px;
  border: 4px solid navy;
  -uu-border-radius: 4px;
  -uu-box-shadow: skyblue 10px 10px 5px;
  -uu-background-image: url(../../img/cover14.jpg);
  -webkit-border-radius: 4px;
  -webkit-box-shadow: skyblue 10px 10px 5px;
  background-image: url(../../img/cover14.jpg);
}

</style>
<!--
<script type="text/xaml" id="xaml"><?xml version="1.0"?>
  <Canvas xmlns="http://schemas.microsoft.com/client/2007"></Canvas></script>
<script src="../../../src/uuMeta.js"></script>
<script src="../../../src/uuMeta.cdsl.js"></script>
<script src="../../../src/uuMeta.data.js"></script>
<script src="../../../src/uuMeta.normalize.js"></script>
<script src="../../../src/uuMeta.event.resize.js"></script>
<script src="../../../src/uuCodec.js"></script>
<script src="../../../src/uuToken.js"></script>
<script src="../../../src/uuImage.js"></script>
<script src="../../../src/uuStyle.js"></script>
<script src="../../../src/uuStyle.shadow.js"></script>
<script src="../../../src/uuStyle.opacity.js"></script>
<script src="../../../src/uuStyleSheet.js"></script>
<script src="../../../src/uuQuery.js"></script>
<script src="../../../src/uuColor.js"></script>
<script src="../../../src/uuCanvas.js"></script>
<script src="../../../src/uuLayer.js"></script>
<script src="../../../src/uuCSSValidator.js"></script>
<script src="../../../src/uuAltCSS.js"></script>
<script src="../../../src/uuAltCSS.ie.js"></script>
<script src="../../../src/uuAltCSS.boxeffect.js"></script>
<script src="../../../src/uuAltCSS.imports.js"></script>
<script src="../../../src/uuAltCSS.cleanup.js"></script>
<script src="../../../src/uuAltCSS.calcspec.js"></script>
 -->

<!--
<script src="../../uuAltCSS.js"></script>
 -->

</head><body>

<div class="view-box1">
  <div class="box1">
    box1

    <div class="view-box2">
      <div class="box2">
        box2
      </div>
    </div>
  </div>
</div>

</body></html>
